
Ext.onReady(function(){
	Ext.require([
		'Ext.form.*'
	]);

   var form_login = Ext.create('Ext.form.Panel', {
        frame:true,
        bodyStyle:'padding:10px 10px 0',
        fieldDefaults: {
            msgTarget: 'side',
            labelWidth: 75
        },
        defaultType: 'textfield',
        defaults: {
            anchor: '100%'
        },

        items: [{
            fieldLabel: 'Nombre de Usuario',
            name: 'username',
            allowBlank:false
        },{
            fieldLabel: 'Password',
            name: 'password',
			inputType: "password",
            allowblank: false
        }],

        buttons: [{
			   	text: 'Olvide mi contrasenha',
						   		/*funcion que atiende la recuperacion de contrasenha*/
			   	handler: function() {
					window.location = '/usuario/recuperar/contrasenha';							
				}
			},{  
		        text: 'Iniciar',
		        					/*funcion que atiende el logueo*/
		        handler: function() {				
								form_login.getForm().submit({
								url: "/usuario/login",
								params: {
									submit: "submit",
								},
								method: "post",
								waitTitle:'Conectando', 
								waitMsg:'Enviando datos...',
								success: function() {							
									window.location = 'index';
								},
								failure: function() {
									Ext.Msg.alert(":(", "No se pudo iniciar sesion");
								}	
							})
							
				}		/* fin de la funcion*/
        }]
        

    });

	Ext.create('Ext.window.Window', {
		title: 'Login',
		plain:true,
		resizable: true,
		closable: false,
//        modal: true,
        border: false,
		height: 165,
		width: 320,
		layout: 'fit',
		renderTo: Ext.getBody(),
		items: form_login,
	}).show();

});
    

